<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/WEB-INF/templates/default.xhtml">
	<ui:define name="content">
		<p:tabView id="tabProyeccion" styleClass="tabAvance">
			<p:tab title="Mantenimiento Proyeccion" id="tabTablaProyeccion"
				titleStyleClass="titleTab">
				<p:panel id="panel" styleClass="pageMenu">
					<div id="pageMenu">
						<div id="contenidoPage">
							<p:dialog header="Procesar Archivo Proyeccion Zona"
								widgetVar="uploadObject" modal="true" appendTo="@(body)">
								<ui:include src="/pages/proyeccion/subir_proyeccion_canal.xhtml"></ui:include>
							</p:dialog>
							<p:dialog header="Editar Proyeccion" widgetVar="editObject"
								modal="true" appendTo="@(body)">
								<ui:include
									src="/pages/proyeccion/mantproyeccioncanales_editAdd.xhtml"></ui:include>
							</p:dialog>
							<p:dialog header="Buscar Producto" widgetVar="editObject2"
								modal="true" appendTo="@(body)">
								<ui:include
									src="/pages/administracion/listaproductocanales.xhtml"></ui:include>
							</p:dialog>
							<p:dialog header="Actualizar Estado" widgetVar="updateObject"
								modal="true" appendTo="@(body)">
								<h:outputText value="Se actualizo Correctamente" />
							</p:dialog>
							<p:dialog header="¿Desea Eliminar los Item Seleccionados?"
								widgetVar="deleteObject" modal="true" height="100"
								appendTo="@(body)">
								<h:outputText value="This is a Modal Dialog." />
							</p:dialog>
							<h:form>
								<p:panel styleClass="controles controlesOptions"
									rendered="#{!controlesSeguridadMBean.viewModulos}">
									<div>
										<h:outputLabel style="width: 67px;" value="Periodo"
											for="idPeriodo" />
										<p:selectOneMenu id="idPeriodo" style="margin-top: -5px;"
											value="#{mantProyeccionCanalesMBean.periodoDefault}">
											<p:ajax
												listener="#{mantProyeccionCanalesMBean.activarBotomAdd()}"
												update=":tabProyeccion:frmPageMantenimiento:controles" />
											<f:selectItem itemLabel="- Periodo -" itemValue="0" />
											<f:selectItems
												value="#{mantProyeccionCanalesMBean.listaPeriodos}"
												var="itemPeriodo" itemLabel="#{itemPeriodo.descripcion}"
												itemValue="#{itemPeriodo.id}" />
										</p:selectOneMenu>
									</div>
									<div>
										<h:outputLabel style="width: 67px;text-align: center;"
											value="Zona" for="idZona" />
										<p:selectOneMenu id="idZona" style="margin-top: -5px;"
											value="#{mantProyeccionCanalesMBean.idZona}">
											<p:ajax
												listener="#{mantProyeccionCanalesMBean.activarBotomAdd()}"
												update=":tabProyeccion:frmPageMantenimiento:controles" />
											<f:selectItem itemLabel="-Seleccionar-" itemValue="0" />
											<f:selectItems
												value="#{mantProyeccionCanalesMBean.listaZonas}"
												var="itemZona" itemLabel="#{itemZona.codigo}"
												itemValue="#{itemZona.id}" />
										</p:selectOneMenu>
									</div>
									<div>
										<h:outputLabel style="width: 67px;text-align: center;"
											value="Canal" for="idCanal" />
										<p:selectOneMenu id="idCanal" style="margin-top: -5px;"
											value="#{mantProyeccionCanalesMBean.idCanal}">
											<p:ajax
												listener="#{mantProyeccionCanalesMBean.activarBotomAdd()}"
												update=":tabProyeccion:frmPageMantenimiento:controles" />
											<f:selectItem itemLabel="-Seleccionar-" itemValue="0" />
											<f:selectItems
												value="#{mantProyeccionCanalesMBean.listaCategoriaCliente}"
												var="itemCanal" itemLabel="#{itemCanal.categoria}"
												itemValue="#{itemCanal.id}" />
										</p:selectOneMenu>
									</div>
									<div style="margin-top: -5px;">
										<div class="inputSearch">
											<p:inputText placeholder="Buscar"
												value="#{mantProyeccionCanalesMBean.txtBuscar}"
												style="border-radius: 0px;" />
										</div>
										<div class="inputImage">
											<p:commandButton
												actionListener="#{mantProyeccionCanalesMBean.inicializar()}"
												styleClass="commanButtom" icon="search" title="Icon Only"
												update=":tabProyeccion:frmPageMantenimiento:frmListaItem" />
										</div>
									</div>
								</p:panel>
							</h:form>
							<h:form id="frmPageMantenimiento">
						    #{controlesSeguridadMBean.init("mantproyeccioncanales")}
						<p:panel id="controles" styleClass="controles"
									rendered="#{!controlesSeguridadMBean.viewModulos}">
									<p:commandLink id="buttomAddItem"
										actionListener="#{mantProyeccionCanalesMBean.nuevoItem}"
										oncomplete="PF('editObject').show();"
										disabled="#{!mantProyeccionCanalesMBean.activeBotomAdd}"
										update=":tabProyeccion:contentEdit"
										rendered="#{!controlesSeguridadMBean.updateModulos}">
										<h:graphicImage value="/resources/img/add.png"
											styleClass="efectButtom" />
									</p:commandLink>
									<p:commandLink id="buttomEditItem"
										actionListener="#{mantProyeccionCanalesMBean.editItem}"
										oncomplete="PF('editObject').show()"
										update=":tabProyeccion:contentEdit"
										rendered="#{!controlesSeguridadMBean.updateModulos}"
										disabled="#{opcionesControlador.disabledEdit}">
										<h:graphicImage value="/resources/img/edit.png"
											styleClass="efectButtom" />
									</p:commandLink>
									<p:commandLink id="buttomDeleteItem"
										actionListener="#{mantProyeccionCanalesMBean.eliminarItem}"
										update=":tabProyeccion:frmPageMantenimiento controles"
										disabled="#{opcionesControlador.disabledDelete}"
										rendered="#{!controlesSeguridadMBean.deleteModulos}">
										<h:graphicImage value="/resources/img/delete.png"
											styleClass="efectButtom" />
										<p:confirm header="Confirmacion" message="¿Desea Eliminar?"
											icon="ui-icon-alert" />
									</p:commandLink>
									<p:commandLink id="buttomUpload"
										oncomplete="PF('uploadObject').show()"
										rendered="#{!controlesSeguridadMBean.updateModulos}">
										<h:graphicImage value="/resources/img/upload.png"
											styleClass="efectButtom" />
									</p:commandLink>
									<p:commandLink id="buttomUpdateTable"
										actionListener="#{mantProyeccionCanalesMBean.inicializar()}"
										rendered="#{!controlesSeguridadMBean.viewModulos}"
										update=":tabProyeccion:frmPageMantenimiento:frmListaItem"
										>
										<h:graphicImage value="/resources/img/update.png"
											styleClass="efectButtom" />
									</p:commandLink>
									<p:confirmDialog global="true" showEffect="fade">
										<p:commandButton value="Si" type="button"
											styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
										<p:commandButton value="No" type="button"
											styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
									</p:confirmDialog>
								</p:panel>

								<h:panelGrid columns="2" cellpadding="10">
									<h:outputText rendered="#{controlesSeguridadMBean.viewModulos}"
										value="No tiene Permisos para visualizar la lista" />
								</h:panelGrid>

								<p:dataTable id="frmListaItem"
									rendered="#{!controlesSeguridadMBean.viewModulos}"
									var="producto"
									value="#{mantProyeccionCanalesMBean.listaProyClienteDetalle}"
									selection="#{mantProyeccionCanalesMBean.selectedProyClienteDetalle}"
									rowKey="#{producto.id}" paginator="true" rows="10"
									paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
									rowsPerPageTemplate="5,10,15" sortMode="multiple"
									styleClass="formAddModulos" emptyMessage="No se Econtro Datos">

									<p:ajax event="rowUnselectCheckbox"
										listener="#{mantProyeccionCanalesMBean.unSelect}"
										update=":tabProyeccion:frmPageMantenimiento:controles" />
									<p:ajax event="rowSelectCheckbox"
										listener="#{mantProyeccionCanalesMBean.checkSelect}"
										update=":tabProyeccion:frmPageMantenimiento:controles" />
									<p:ajax event="rowDblselect"
										update=":tabProyeccion:contentEdit"
										listener="#{mantProyeccionCanalesMBean.dobleSelect}"
										oncomplete="PF('editObject').show();" />
									<p:ajax event="rowSelect"
										listener="#{mantProyeccionCanalesMBean.seleccionarItem}"
										update=":tabProyeccion:frmPageMantenimiento:controles" />

									<p:column selectionMode="multiple"
										style="width:16px;text-align:center" />
									<p:column headerText="Item." sortBy="#{producto.id}">
										<h:outputText value="#{producto.id}" />
									</p:column>
									<p:column headerText="Codigo" sortBy="#{producto.codProd}">
										<h:outputText value="#{producto.codProd}" />
									</p:column>
									<p:column headerText="Producto" sortBy="#{producto.producto}">
										<h:outputText value="#{producto.producto}" />
									</p:column>
									<p:column headerText="Categoria"
										sortBy="#{producto.categoriaProducto}">
										<h:outputText value="#{producto.categoriaProducto}" />
									</p:column>
									<p:column headerText="Marca" sortBy="#{producto.marca}">
										<h:outputText value="#{producto.marca}" />
									</p:column>
									<p:column headerText="Proyeccion"
										sortBy="#{producto.cantidadProyectada}">
										<h:outputText value="#{producto.cantidadProyectada}" />
									</p:column>
									<p:column headerText="Codigo Banda"
										sortBy="#{producto.codigoBanda}">
										<h:outputText value="#{producto.codigoBanda}" />
									</p:column>
								</p:dataTable>
							</h:form>
						</div>
					</div>
				</p:panel>
			</p:tab>
			<p:tab title="Resumen Marcas" id="tabTablaResumenMarcas"
				titleStyleClass="titleTab">
				<ui:include src="mantproyeccioncanal_marcas.xhtml" />
			</p:tab>
			<p:tab title="Resumen Categoria" id="tabTablaResumenCategorias"
				titleStyleClass="titleTab">
				<ui:include src="mantproyeccioncanal_categoria.xhtml" />
			</p:tab>
			<p:tab title="Resumen Canales" id="tabTablaResumen"
				titleStyleClass="titleTab">
				<p:dialog header="Editar Proyeccion Zona sds"
					widgetVar="editObject3" modal="true" appendTo="@(body)">
					<ui:include
						src="/pages/proyeccion/mantproyeccionmontocanal_editAdd.xhtml"></ui:include>
				</p:dialog>
				<h:form>
					<p:panel styleClass="controles controlesOptions"
						rendered="#{!controlesSeguridadMBean.viewModulos}">
						<div>
							<h:outputLabel style="width: 67px;" value="Periodo"
								for="idPeriodo" />
							<p:selectOneMenu id="idPeriodoMarca" style="margin-top: -5px;"
								value="#{resumenProyeccionCanalMBean.periodoDefault}">
								<f:selectItem itemLabel="- Periodo -" itemValue="0" />
								<f:selectItems
									value="#{resumenProyeccionCanalMBean.listaPeriodos}"
									var="itemPeriodo" itemLabel="#{itemPeriodo.descripcion}"
									itemValue="#{itemPeriodo.id}" />
							</p:selectOneMenu>
						</div>
						<div>
							<h:outputLabel style="width: 67px;text-align: center;"
								value="Zona" for="idZona" />
							<p:selectOneMenu id="idZona" style="margin-top: -5px;"
								value="#{resumenProyeccionCanalMBean.idZona}">
								<f:selectItem itemLabel="-Seleccionar-" itemValue="0" />
								<f:selectItems value="#{resumenProyeccionCanalMBean.listaZonas}"
									var="itemZona" itemLabel="#{itemZona.codigo}"
									itemValue="#{itemZona.id}" />
							</p:selectOneMenu>
						</div>
						<div class="inputOptions">
							<div style="margin-left: 10px">
								<p:commandButton value="Mostrar" style="font-size: 12px;"
									update=":tabProyeccion:frmTablaPeriodos, :tabProyeccion:frmImputOptiones:controlesPeriodo"
									actionListener="#{resumenProyeccionCanalMBean.inicializar()}"
									id="frmMostrar" />
							</div>
						</div>
					</p:panel>
				</h:form>
				<h:form id="frmImputOptiones">
					<p:panel id="controlesPeriodo"
						styleClass="controles controlesOptions">
						<p:commandLink id="buttomEditItem"
							actionListener="#{resumenProyeccionCanalMBean.editItem}"
							oncomplete="PF('editObject3').show()"
							update=":tabProyeccion:contentEditPeriodo"
							rendered="#{!controlesSeguridadMBean.updateModulos}"
							disabled="#{opcionesControlador.disabledEdit}">
							<h:graphicImage value="/resources/img/edit.png"
								styleClass="efectButtom" />
						</p:commandLink>
						<p:commandLink id="buttomUpdateTable"
							update=":tabProyeccion:frmTablaPeriodos, :tabProyeccion:frmImputOptiones:controlesPeriodo"
							actionListener="#{resumenProyeccionCanalMBean.inicializar()}">
							<h:graphicImage value="/resources/img/update.png"
								styleClass="efectButtom" />
						</p:commandLink>
					</p:panel>
				</h:form>
				<h:form id="frmTablaPeriodos">
					<p:dataTable id="frmListaPeriodos"
						rendered="#{!controlesSeguridadMBean.viewModulos}" var="periodo"
						value="#{resumenProyeccionCanalMBean.listaProyeccionCategoriaCliente}"
						selection="#{resumenProyeccionCanalMBean.selectedProyeccionCategoriaCliente}"
						selectionMode="multiple" rowKey="#{periodo.id}"
						styleClass="formAddModulos" emptyMessage="No se Econtro Datos">

						<p:ajax event="rowDblselect"
							update=":tabProyeccion:contentEditPeriodo"
							listener="#{resumenProyeccionCanalMBean.dobleSelect}"
							oncomplete="PF('editObject3').show();" />
						<p:ajax event="rowSelect"
							listener="#{resumenProyeccionCanalMBean.seleccionarItem}"
							update=":tabProyeccion:frmImputOptiones:controlesPeriodo" />

						<p:column headerText="Item." sortBy="#{periodo.id}">
							<h:outputText value="#{periodo.id}" />
						</p:column>
						<p:column headerText="Canal" sortBy="#{periodo.categoriaCliente}">
							<h:outputText value="#{periodo.categoriaCliente}" />
						</p:column>
						<p:column headerText="Codigo Banda"
							sortBy="#{periodo.bandaPeriodo}">
							<h:outputText value="#{periodo.bandaPeriodo}" />
						</p:column>
						<p:column headerText="Monto Asignado" sortBy="#{periodo.montoProyectadoAsignado}">
							<h:outputText style="color:#{periodo.colorMontoProyectado}" value="#{periodo.montoProyectadoAsignado}" />
						</p:column>
						<p:column headerText="Monto Proyectado" sortBy="#{periodo.montoProyectado}">
							<h:outputText  value="#{periodo.montoProyectado}" />
						</p:column>
						<p:columnGroup type="footer">
							<p:row>
								<p:column style="text-align:right" />
								<p:column style="text-align:right" />
								<p:column style="text-align:right" />
								<p:column footerText="Total: " style="text-align:right" />
								<p:column
									footerText="S/. #{resumenProyeccionCanalMBean.montoTotal}"
									style="color:#{resumenProyeccionCanalMBean.colorProyeccionAsignado} ;text-align:right">
								</p:column>
							</p:row>
						</p:columnGroup>
					</p:dataTable>
				</h:form>
			</p:tab>
		</p:tabView>
	</ui:define>
</ui:composition>
</html>